<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>二维码登录</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/qrlogin.css">
    <script src="../js/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.20.0-0/axios.min.js"></script>
    <script src="../js/qrlogin.js"></script>
</head>

<body>
    <a href="#" onclick="qrLogin()">登录</a>
    <a href="#" onclick="quit()">退出登录</a>
    <div id="info" class="info"></div>
    <div class='qr-login hide m-layer z-show ' style="top: 63px; left: 588.52px;">
        <div class='zbar clean'>
            <span class="zttl">登录</span>
            <span class="zcls" title="关闭窗体" onclick="close1()">×</span>
        </div>
        <div class='qr-plate '>
            <div class="f-cb clean">
                <div class="phone"></div>
                <div class="right">
                    <p>扫码登录</p>
                    <div class="qr clean hide cover">
                        <p>二维码已失效</p>
                        <a href="#" class="u-btn1" onclick="qrLogin()">点击刷新</a>
                    </div>
                    <div class="qr">
                        <img id='qrImg'>
                        <p>使用&nbsp;<a href="#">网易云音乐APP</a>&nbsp;扫码登录</p>
                    </div>
                </div>
            </div>
            <div id='otherbtn' class="otherbtn">
                <a href="#" class="u-btn2 other" onclick="switch1()">选择其他登录模式</a>
            </div>
        </div>
        <div class='phone-plate hide'>
            <div class="u-main">
                <div class="u-plt"></div>
                <div class="f-mgt10 phoneLogin">
                    <a href="#" onclick="phone()">
                    <i>手机号登录</i></a>
                </div>
                <div class='f-mgt10 register'>
                    <a href="#">
                        <i>注 册</i>
                    </a>

                </div>
            </div>
            <div>
                <input id="clause" type="checkbox">同意
                <a href="http://st.music.163. com/official-terms/service" target="_blank" style=" color :#507DAF">
                    《服务条款》</a>
                    <a href="http://st.music.163.com/official-terms/privacy." target="_blank" style=" color: #507DAF">
                    《隐私政策》</a>
                    <a href="https://st.music.163.com/official-terms/children" target="_blank" style=" color : #507DAF">
                    《儿童隐私政策》</a>                
            </div>
            
            <img class="scan" onclick="switch1()" src="../image/qr_login_icon.png" alt="">
        </div>
        <div class="password-plate hide">
            <div class="log1">
                <div class="number">
                    <a class="num" href="#">
                        <span>+86</span>
                    </a>
                    <div class="txtwrap">
                        <input class="tel" type="text" placeholder="请输入手机号">
                    </div>
                </div>
                <div class="pwdwrap">
                    <input  class="pwd" type="password" placeholder="请输入密码">
                </div>
                <div class="action f-mgt10">
                    <a href="#">短信登录</a>
                    <label>
                        <input type="checkbox" checked>自动登录
                    </label>
                </div>
                <div class="f-mgt10 phoneLogin">
                    <a href="#" onclick="phoneLogin()">
                    <i>登录</i></a>
                </div>
            </div>
            <div class="back">
                <a href="#" class="back2" onclick="back()"><&nbsp;&nbsp;返回登录</a>
            </div>
        </div>
    </div>
</body>

</html>